
.chat_box{
   width: 100%;
   background:#f7f7f7;
   height: 500px;
   margin-top: 10px;
   padding:10px 10px;
   overflow-y: auto;
   overflow-x: hidden;
   .chat_list{
       .chat_item{     
        max-width: 500px;   
        display: flex;
        align-items: center;
        margin:15px 0;
     
     }
     .chat_right{
        width:100%;
        position: relative;
        .right{
            display: flex;
            align-items: center;
            margin:15px 0;
            position: relative;
            left: 85%;
          
   
            p{
                color:#6c6c6c;
                position: relative;
                 top: 6px;
                 max-width: 300px;
                 text-align: right;
                 min-width: 130px;
            }
        }
        p{
            margin-right: 5px;
            margin-top: 5px;
        }
     }
   }
   .chat_pic{
    width:40px;
    height:40px;
   }
   .chat_msg{
      color:#6c6c6c;
      margin:10px 0;
   }
   .msg_box{
       display:flex;
       margin-left: 10px;
    /* margin-top: 18px; */
    position: relative;
    top: 5px;
    span{
        margin-top: 10px;
    }
   }
}
.SendMessage{
    width: 100%;
    margin-top: 10px;
    .ant_avatar_image{
        width: 100% !important;
        height: 100% !important;
    }
   
}
.login_form{
    max-width: 300px;
}
.login_form_forgot{
    float: right;
}
.login_form_button{
    width: 100%;
}